<template>
	<cover :isShow='true' title="数据中心" @hiden='black'>
		<el-tabs type="border-card" class="demo-tabs">
		    <el-tab-pane label="商品分类占比">
					<propportion :Data='pageData.commodity'/>
				</el-tab-pane>
				<el-tab-pane label="商品销量">待开发</el-tab-pane>
		  </el-tabs>
	</cover>
</template>

<script>
	import {defineComponent} from 'vue';
	import {
		useStore
	} from 'vuex'
	//路由
	import {
		useRouter
	} from 'vue-router'
	//cover
	import cover from '../../common/cover/index.vue'
	//商品类型图
	import propportion from './proportion.vue';
	export default defineComponent({
		components:{
			cover,
			propportion
		},
		setup(){
			let store=useStore()
			var router=useRouter()
			let pageData=store.getters.getPageData;
			function black(){
				router.go(-1)
			}
			return {
				pageData,
				black
			}
		}
	})
</script>

<style scoped="scoped">
	.analysis{
		width: 100vw;
		height: 100vh;
		position: absolute;
		background-color: #fff;
		left: 0;
		top: 0;
		z-index: 99999;
	}
</style>
